<html>
  <head>
    <title>页面代码规范</title>
  </head>
  <body>
    <script>
       /*
                  十、页面代码规范介绍

                           uni-app 支持在　template 模板中嵌套 <template/> 和 <block/> ,用来进行 "条件渲染" 和 "列表渲染"。

                           <template/> 和 <block/> 并不是一个组件，它们仅仅是一个包裹元素，不会在页面中做任何渲染，只接收控制属性。

                           <block/> 在不同的平台表现存在一定差异，推荐统一使用 <template/>:

                           eg:

                                <template>
                                    <view>
                                      <template v-if="test">
                                        <view>test 为 true 时显示</view>
                                      </template>
                                      <template v-else>
                                        <view>test 为 false 时显示</view>
                                      </template>
                                    </view>
                                </template>

                                <template>
                                  <view>
                                    <block v-for="(item,index) in list" :key="index">
                                      <view>{{item}} - {{index}}</view>
                                    </block>
                                  </view>
                                </template>
            */
    </script>
  </body>
</html>